<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
			.father{
				height: 377px;
				width: 327px;
			}
			.HTPY{
				margin: 10px 0 10px 10px;
			}
			.HTPY img:first-child{
				display:block;
				width: 73px;
				height: 101px;
				vertical-align: top;
				float: left;
			}
			.HTPY img:last-child{
				height: 12px;
				width: 10px;
				display: inline-block;
				vertical-align: middle;
			}
			.HTPY p{
				font-size: 12px;
				display: block;
				margin: 18px 0 13px 84px;
			}
			.title1,.title2,.title3,.title4,.title5,.title6{
				display: block;
				font-size: 13px;
				height: 15px;
				float: left;
			}
			.title2{
				margin: 0 0 0 100px;
			}
			.Title{
				display: block;
				height: 15px;
				margin: 0 0 0 84px;
			}
			.LX{
				display: block;
				font-size: 12px;
				margin: 0 0 0 84px;
			}
			.SDYJQ{
				margin: 0 0 10px 10px;
			}
			.title4{
				margin: 0 0 0 77px;
			}
			.Title1{
				display: block;
				height: 15px;
				margin: 0 0 0 84px;
			}
			.SDYJQ img:first-child{
				display:block;
				width: 73px;
				height: 101px;
				vertical-align: top;
				float: left;
			}
			.SDYJQ img:last-child{
				height: 12px;
				width: 10px;
				display: inline-block;
				vertical-align: middle;
			}
			.SDYJQ p{
				font-size: 12px;
				display: block;
				margin: 18px 0 13px 84px;
			}
			.LX1{
				display: block;
				font-size: 12px;
				margin: 0 0 0 84px;
			}
			
			.QCP{
				margin: 0 0 10px 10px;
			}
			.title6{
				margin: 0 0 0 100px;
			}
			.Title2{
				display: block;
				height: 15px;
				margin: 0 0 0 84px;
			}
			.QCP img:first-child{
				display:block;
				width: 73px;
				height: 101px;
				vertical-align: top;
				float: left;
			}
			.QCP img:last-child{
				height: 12px;
				width: 10px;
				display: inline-block;
				vertical-align: middle;
			}
			.QCP p{
				font-size: 12px;
				display: block;
				margin: 18px 0 13px 84px;
			}
			.LX2{
				display: block;
				font-size: 12px;
				margin: 0 0 0 84px;
			}
	</style>
	<body>
		<div class="father">
			<div class="HTPY">
				<img src="img/home_03.jpg"/>
				<div class="Title">
					<span class="title1">
						环太平洋
					</span>
					<span class="title2">
						498人评论过
					</span>
				</div>
				<p>
					<span>#环太平洋##环太平洋#</span>对影建筑物倒塌、核弹攻击城市、外星人入侵...<a href="">[详细]</a>
				</p>
				<div class="LX">
					<img src="img/home_06_01.jpg"/>欧美电影
				</div>
			</div>
			
			<div class="SDYJQ">
				<img src="img/home_06.jpg"/>
				<div class="Title1">
					<span class="title3">
						速度与激情6
					</span>
					<span class="title4">
						783人评论过
					</span>
				</div>
				<p>
					<span>【杰森-斯坦森确定加盟#速#】</span>斯坦森饰演第六部大反派欧文-肖<a href="">[详细]</a>
				</p>
				<div class="LX1">
					<img src="img/home_06_01.jpg"/>热映推荐
				</div>
			</div>
			
			<div class="QCP">
				<img src="img/home_08.jpg"/>
				<div class="Title2">
					<span class="title5">
						青春派
					</span>
					<span class="title6">
						97人评论过
					</span>
				</div>
				<p>
					<span>《青春派》预告片“零差评”其逆增长</span><a href="">[详细]</a>
				</p>
				<div class="LX2">
					<img src="img/home_06_01.jpg"/>电影预告
				</div>
			</div>
		</div>
		<a href="HomeWork2.html">下一页</a>
	</body>
</html>
